<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<title>冒险起源</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.7.1.min.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>
</head>
<body>
<!--header-->
<div class="header">
	<div class="header_bar"></div>
    <div class="header_box x_start_end y_center" >
        <div class="left">
            <a href="javascript:;" class="p0_10 y_center"><i class="m_icon prev"></i></a>
        </div>
        <div class="center t_ellipsis_1">角色管理</div>
        <div class="right"></div>
    </div>
</div>

<!---->
<div class="mem_inp_list">
	<div class="inp_li x_start_end y_center border_b">
    	<span class="name">角色职业</span>
        <div class="con x_end y_center show_pop_zhiye">
            <img src="images/role_face/role_face_guijian_01.png" class="mem_face" />
            <span>瞎子</span>
        </div>
    </div>
    <div class="inp_li x_start_end y_center border_b">
    	<span class="name">角色名字</span>
        <div class="con x_end y_center">
        	<input type="text" value="" placeholder="可复制游戏中角色名称" />
        </div>
    </div>
    <div class="inp_li x_start_end y_center border_b">
    	<span class="name">抗魔值(万)</span>
        <div class="con x_end y_center">
        	<input type="text" value="" placeholder="如:3.6(单位万)" />
        </div>
    </div>
</div>

<div class="clear_h20"></div>
<div class="page_btn_sub">
	<a href="javascript:;" class="btn btn_bg btnc_36f">保存</a>
</div>
<div class="page_btn_sub">
	<a href="javascript:;" class="btn btn_bg">删除</a>
</div>

<!--弹窗，职业-->
<div class="js_dialog js_dialog_zhiye">
	<div class="pop_box pop_zhiye_box pop_down_box">
        <div class="pop_tit y_center border_b">
        	<h3>选择角色职业</h3>
            <i class="m_icon pop_close pop_zhiye_close"></i>
        </div>
        <div class="con_box">
        	<div class="zhiye_tit">鬼剑士</div>
            <div class="zhiye_con y_center flex_wrap border_b">
                <a href="javascript:;" class="li_box y_center on">
                    <img class="user_face" src="images/role_face/role_face_guijian_01.png" />
                    <span class="t_ellipsis_1">红眼</span>
                </a>
                <a href="javascript:;" class="li_box y_center on">
                    <img class="user_face" src="images/role_face/role_face_guijian_02.png" />
                    <span class="t_ellipsis_1">鬼泣</span>
                </a>
                <a href="javascript:;" class="li_box y_center on">
                    <img class="user_face" src="images/role_face/role_face_guijian_03.png" />
                    <span class="t_ellipsis_1">剑圣</span>
                </a>
                <a href="javascript:;" class="li_box y_center on">
                    <img class="user_face" src="images/role_face/role_face_guijian_04.png" />
                    <span class="t_ellipsis_1">瞎子</span>
                </a>
            </div>
            <div class="zhiye_tit">格斗家</div>
            <div class="zhiye_con y_center flex_wrap border_b">
                <a href="javascript:;" class="li_box y_center on">
                    <img class="user_face" src="images/role_face/role_face_gedou_01.png" />
                    <span class="t_ellipsis_1">武神</span>
                </a>
                <a href="javascript:;" class="li_box y_center on">
                    <img class="user_face" src="images/role_face/role_face_gedou_02.png" />
                    <span class="t_ellipsis_1">百花</span>
                </a>
            </div>
            <div class="zhiye_tit">神枪手</div>
            <div class="zhiye_con y_center flex_wrap border_b">
                <a href="javascript:;" class="li_box y_center on">
                    <img class="user_face" src="images/role_face/role_face_shenqiang_01.png" />
                    <span class="t_ellipsis_1">漫游</span>
                </a>
                <a href="javascript:;" class="li_box y_center on">
                    <img class="user_face" src="images/role_face/role_face_shenqiang_02.png" />
                    <span class="t_ellipsis_1">大枪</span>
                </a>
                <a href="javascript:;" class="li_box y_center on">
                    <img class="user_face" src="images/role_face/role_face_shenqiang_03.png" />
                    <span class="t_ellipsis_1">机械</span>
                </a>
                <a href="javascript:;" class="li_box y_center on">
                    <img class="user_face" src="images/role_face/role_face_shenqiang_04.png" />
                    <span class="t_ellipsis_1">弹药</span>
                </a>
            </div>
            <div class="zhiye_tit">魔法师</div>
            <div class="zhiye_con y_center flex_wrap border_b">
                <a href="javascript:;" class="li_box y_center on">
                    <img class="user_face" src="images/role_face/role_face_mofa_01.png" />
                    <span class="t_ellipsis_1">元素</span>
                </a>
                <a href="javascript:;" class="li_box y_center on">
                    <img class="user_face" src="images/role_face/role_face_mofa_02.png" />
                    <span class="t_ellipsis_1">魔道</span>
                </a>
            </div>
            <div class="zhiye_tit">圣职者</div>
            <div class="zhiye_con y_center flex_wrap border_b">
                <a href="javascript:;" class="li_box y_center on">
                    <img class="user_face" src="images/role_face/role_face_shengzhi_01.png" />
                    <span class="t_ellipsis_1">奶妈</span>
                </a>
                <a href="javascript:;" class="li_box y_center on">
                    <img class="user_face" src="images/role_face/role_face_shengzhi_02.png" />
                    <span class="t_ellipsis_1">团长</span>
                </a>
                <a href="javascript:;" class="li_box y_center on">
                    <img class="user_face" src="images/role_face/role_face_shengzhi_03.png" />
                    <span class="t_ellipsis_1">龙女</span>
                </a>
                <a href="javascript:;" class="li_box y_center on">
                    <img class="user_face" src="images/role_face/role_face_shengzhi_04.png" />
                    <span class="t_ellipsis_1">四姨</span>
                </a>
                <a href="javascript:;" class="li_box y_center on">
                    <img class="user_face" src="images/role_face/role_face_shengzhi_05.png" />
                    <span class="t_ellipsis_1">女蓝拳</span>
                </a>
            </div>
            <div class="zhiye_tit">鬼剑士（女）</div>
            <div class="zhiye_con y_center flex_wrap border_b">
                <a href="javascript:;" class="li_box y_center on">
                    <img class="user_face" src="images/role_face/role_face_nvguijian_01.png" />
                    <span class="t_ellipsis_1">剑宗</span>
                </a>
                <a href="javascript:;" class="li_box y_center on">
                    <img class="user_face" src="images/role_face/role_face_nvguijian_02.png" />
                    <span class="t_ellipsis_1">暗帝</span>
                </a>
                <a href="javascript:;" class="li_box y_center on">
                    <img class="user_face" src="images/role_face/role_face_nvguijian_03.png" />
                    <span class="t_ellipsis_1">剑魔</span>
                </a>
                <a href="javascript:;" class="li_box y_center on">
                    <img class="user_face" src="images/role_face/role_face_nvguijian_04.png" />
                    <span class="t_ellipsis_1">剑豪</span>
                </a>
            </div>
            
        </div>
        <div class="clear_h10"></div>
    </div>
</div>

<script>
$().ready(function(e) {
	
	//弹窗，职业
	pop_box_c({
		show_btn:".show_pop_zhiye",
		zz:".js_dialog_zhiye",
		box:".pop_zhiye_box",
		close:".pop_zhiye_close",
		body_close:true
	});
	
	//如果是新增角色进入页面，添加一个show_pop_zhiye的点击事件，编辑进入页面的，不操作
	//$(".show_pop_zhiye").trigger("click");
	
});
</script>
</body>
</html>
